/* central column styling */
  /* ================ */
/* = The 1Kb Grid = */     /* 12 columns, 45 pixels each, with 20 pixel gutter */
/* ================ */



.grid_1 { width:45px; }
.grid_2 { width:110px; }
.grid_3 { width:175px; }
.grid_4 { width:240px; }
.grid_5 { width:305px; }
.grid_6 { width:370px; }
.grid_7 { width:435px; }
.grid_8 { width:500px; }
.grid_9 { width:565px; }
.grid_10 { width:630px; }
.grid_11 { width:695px; }
.grid_12 { width:760px; }

.column {
	margin: 0 10px;
	overflow: hidden;
	float: left;
	display: inline;
}
.row {
	width: 780px;
	overflow: hidden;	
	margin: 0 0 20px 0 /* negative margin pulls it over to left to remove left hand margin on far left column */;	
}


.row .row {
	margin: 0 -10px /* as nested we need to remove the left margin on the nested row */;
	width: auto;
	display: inline-block;
}

/* if using content-no-nav */

#uobcms-content-nonav .grid_1 { width:60px; }
#uobcms-content-nonav .grid_2 { width:140px; }
#uobcms-content-nonav .grid_3 { width:220px; }
#uobcms-content-nonav .grid_4 { width:300px; }
#uobcms-content-nonav .grid_5 { width:380px; }
#uobcms-content-nonav .grid_6 { width:460px; }
#uobcms-content-nonav .grid_7 { width:540px; }
#uobcms-content-nonav .grid_8 { width:620px; }
#uobcms-content-nonav .grid_9 { width:700px; }
#uobcms-content-nonav .grid_10 { width:780px; }
#uobcms-content-nonav .grid_11 { width:860px; }
#uobcms-content-nonav .grid_12 { width:940px; }

#uobcms-content-nonav .column {
	margin: 0 10px;
	overflow: hidden;
	float: left;
	display: inline;
}
#uobcms-content-nonav .row {
	width: 960px;
	overflow: hidden;	
	margin: 0 0 20px 0 /* negative margin pulls it over to left to remove left hand margin on far left column */;	
}


#uobcms-content-nonav .row .row {
	margin: 0 -10px /* as nested we need to remove the left margin on the nested row */;
	width: auto;
	display: inline-block;
}

#uobcms-content-nonav .layout-container { width: 960px; overflow: auto; margin-top: 10px; margin-left: -10px ;  }

/* these 2 are to prevent internal content scrollbar for Firefox and for float drop on IE */
body { min-width: 975px;  }
.layout-container { width: 780px; overflow: auto; margin: 0 0 10px -10px;  }

/* extra tweaks to try and fix left margin when content is put within a row but not in a column */
.row p, .row h1, .row h2, .row h3, .row h4, .row h5, .row h6, .row ul, .row ol, .row blockquote { margin-left: 10px }
.row .column p, .row .column h1, .row .column h2, .row .column h3, .row .column h4, .row .column h5, .row .column h6, .row .column ul, .row .column ol, .row .column blockquote { margin-left: auto}

